<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Title</title>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            #big_div{
                width: 607px;
                height: 843px;
                margin: 0;
                padding: 0;
                background: palegoldenrod;
            }
            h2{
                margin: 0;
                padding: 0;
                line-height: 25px;
            }
            img{
                width: 100px;
                height: 100px;
            }
            #p1,#p2{
                width: 500px;
                height: 250px;
                margin: 0;
                padding: 0;
                line-height: 30px;
            }
            #p1{
                background: #ffc0cb;
            }
            #p2{
                text-indent: 2em;
                background: orange;
            }
            #s1{
                font-size: 30px;
                font-weight: bold;
                font-style: italic;
                font-family: "宋体";
                color:  purple ;
            }
            a{
                text-decoration: none;
            }
            a:hover{
                color: red;
            }
            #p3{
                width: 500px;
                height: 100px;
                background: blue;
                text-align: center;
                margin: 0;
                padding: 0;
                line-height: 100px;
            }
            ul{
                margin: 0;
                padding: 0;
            }
            li{
                list-style-type: none;
            }
        </style>
    </head>
    <body>
        <div id="big_div">
            <h2>前端工程师</h2>
            <p id="p1"><img src="img/1.png" title="这是一只猴"  alt="加载错误"><span id="s1"><a href="https://baike.baidu.com/item/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%88/10410690?fr=aladdin" target="_blank">Web前端开发工程师</a></span>，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客
                户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，
                同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。</p>
            <p id="p2">随着互联网的迅猛发展和普及，一个新型的行业和新兴的职位正在上升到技术的层面：
                web前端开发工程师Web前端开发工程师，除了主要职责外，还要为网站上提供的产品
                和服务实现一流的Web界面，优化代码并保持良好兼容性。</p>
           <p id="p3">2003注册商标&reg;;本版版权&copy;</p>
            <div>
                <form action="https://www.baidu.com/?tn=80035161_1_dg" method="get">
                    您的大名<input type="text" placeholder="请输入姓名">
                    密码<input type="password" placeholder="请输入密码">
                    <input type="submit">
                    <input type="reset">
                </form>
                <ul>
                    <li>哈哈哈</li>
                    <li>嘿嘿嘿</li>
                    <li>啦啦啦</li>
                </ul>
            </div>
        </div>
    </body>
</html>